<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.logined-bind-bg{
				width:100%;
				height:608px;
				background:url("them/img/jb-bg.png") 0px 0px repeat;
			}
			.bind-box{
				width:598px;
				height:506px;
				background-color:#fff;
				border:1px #ddd solid;
				margin:0 auto;
				margin-top:49px;
				position:absolute;
				left:0px;
				right:0px;
			}
			
			.bind-user{
				color: #30a3ff;
				font-size:20px;	
			}
			.bind-user:hover{
				color:#30a3ff;
			}
			.bind-p1{
				font-size:16px;
				color:#666;
				margin-top:49px;
				margin-left:48px;
			}
			.bind-p2{
				margin-top:20px;
				margin-left:48px;
				color:#666;
				font-size:14px;
			}
			.box1{
				margin-left:48px;
				color:#666;
				font-size:14px;
				margin-top:24px;
			}
			.box2{
				margin-left:48px;
				color:#666;
				font-size:14px;
				margin-top:31px;
			}
			.box3{
				margin-left:48px;
				color:#666;
				font-size:14px;
				margin-top:31px;
				position:relative;
			}
			.box4{
				position:relative;
				margin-left:48px;
				color:#666;
				font-size:14px;
				margin-top:31px;
			}
			.box1 input{
				width:408px;
				height:38px;
				border:1px #ddd solid;
				border-radius:2px;
				margin-left:4px;
			}
			.box2 input{
				width:408px;
				height:38px;
				border:1px #ddd solid;
				border-radius:2px;
				margin-left:4px;
			}
			.box3 input{
				width:298px;
				height:38px;
				border:1px #ddd solid;
				border-radius:2px;
				margin-left:4px;
			}
			.box4 input{
				width:298px;
				height:38px;
				border:1px #ddd solid;
				border-radius:2px;
				margin-left:4px;
			}
			.box3 div{
				position:absolute;
				bottom:0px;
				right:59px;
				display:inline-block;
				width:98px;
				height:38px;
				border: 1px #ddd solid;
				border-radius:2px;
			}
			.box4 a{
				position:absolute;
				bottom:0px;
				right:59px;
				display:inline-block;
				width:98px;
				height:38px;
				border: 1px #30a3ff solid;
				border-radius:2px;
				color:#30a3ff;
				font-size: ;
				text-align: center;
				line-height:38px;
			}
			.bind-btn{
				display:inline-block;
				position:absolute;
				bottom:51px;
				left: 254px;
				width:90px;
				height:40px;
				color:#fff;
				background-color:#30a3ff;
				border-radius:1px;
				font-size:14px;
				text-align: center;
				line-height:40px;
			}
		</style>
	</head>
	<body>
		<div class="logined-bind-bg">
			<div class="bind-box">
				<p class="bind-p1"><a href="#" class="bind-user">DaAnna </a> 您好，欢迎来到工程界！</p>
				<p class="bind-p2">为了保障您的资金安全，更好的为您提供服务，请您绑定电子邮箱以及手机号码</p>
				<div class="box1">
					<span>电子邮箱:&nbsp;&nbsp;&nbsp;</span>
					<input type="text" />
				</div>
				<div class="box2">
					<span>手机号码:&nbsp;&nbsp;&nbsp;</span>
					<input type="text" />
				</div>
				<div class="box3">
					<span>验证码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					<input type="text" />
					<div><img src="" alt="" /></div>
				</div>
				<div class="box4">
					<span>短信验证码:</span>
					<input type="text" />
					<a href="#">获取验证码</a>
				</div>
				<a class="bind-btn" href="#">立即绑定</a>
			</div>
		</div>
	</body>
</html>
